<%-- 
    Document   : DangKy
    Created on : Oct 18, 2012, 4:17:38 PM
    Author     : Suma
--%>
<%@ page session="false" %>


<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <!-- InstanceBegin template="/Templates/Main template2_5.dwt" codeOutsideHTMLIsLocked="false" -->
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <!-- InstanceBeginEditable name="doctitle" -->
        <title>Untitled Document</title>
        <!-- InstanceEndEditable -->
        <!-- InstanceBeginEditable name="head" -->
        <link href="SpryAssets/style.css" rel="stylesheet" type="text/css" />
        <style type="text/css">

        </style>

        <!-- InstanceEndEditable -->

        <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
        <link href="SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
    </head>
    <body style="background-color: #cad9ed">

        <!-- InstanceBeginEditable name="MainContent" -->
        <form  name="formDangKy" method="post" action="DangKy.do">
            <table width="680" border="0" cellspacing="0" cellpadding="0"  id="tableformDangNhap">
                <tr align="center" valign="middle" bgcolor="#FF0000">
                    <td  bgcolor="#FF0000" height="30" colspan="2" class="menu1">
                        <span style="font-weight: bold">ĐĂNG KÝ THÀNH VIÊN</span>
                    </td>
                </tr>
                <tr align="left" valign="middle">
                    <td id="tdformDangNhap" height="25" colspan="2" bgcolor="#55BFFF" style="font-weight: bold">
                        Thông tin tài khoản
                    </td>
                </tr>
                <tr>
                    <td id="tdformDangNhap"  colspan="2" height="40">
                        Nhập thông tin Email và mật khẩu
                    </td>
                </tr>
                <tr>
                    <td id="tdformDangNhap"  width="20%" height="40">
                        Email:
                    </td>
                    <td id="tdformDangNhap" >
                        <label for="email">
                        </label>
                        <span id="sprytextfield1">
                            <input type="text" name="email" class="tbDangNhap"
                                   <%
                                       if (request.getParameter("email") != null) {
                                           String email = request.getParameter("email");
                                   %>
                                   value="<%=email%>"
                                   <%}%>
                                   />

                            <span class="textfieldRequiredMsg">Nhập email.</span><span class="textfieldInvalidFormatMsg">Email
                                không hợp lệ.</span>
                                <%
                                    if (request.getAttribute("LoiDangKy") != null) {
                                        String loi = request.getAttribute("LoiDangKy").toString();
                                %>
                            <span class="emailtontai"><%=loi%></span>
                            <%}%>


                        </span>
                    </td>
                </tr>
                <tr>
                    <td  id="tdformDangNhap" height="40">
                        Mật khẩu:
                    </td>
                    <td id="tdformDangNhap" >
                        <label for="matKhau">
                        </label>
                        <span id="sprypassword1">
                            <input name="matKhau" type="password" id="tbxMatKhau" value="" />
                            <span class="passwordRequiredMsg">Nhập mật khẩu</span></span></td>
                </tr>

                <tr>
                    <td id="tdformDangNhap"  height="40">
                        Nhập lại mật khẩu:
                    </td>
                    <td id="tdformDangNhap" >
                        <label for="matKhau2">
                        </label>
                        <span id="spryconfirm1">
                            <input type="password"  id="tbxMatKhau2" />
                            <span class="confirmRequiredMsg">Nhập lại mật khẩu.</span><span class="confirmInvalidMsg">Mật khẩu xác nhận không đúng!</span></span></td>
                </tr>

                <tr align="left" valign="middle">
                    <td  id="tdformDangNhap" height="25" colspan="2" bgcolor="#55BFFF" style="font-weight: bold">
                        Thông tin cá nhân
                    </td>
                </tr>
                <tr>
                    <td id="tdformDangNhap"  colspan="2" height="40">
                        Nhập thông tin người nhận, địa chỉ mà bạn muốn chúng tôi chuyển hàng tới.
                    </td>
                </tr>
                <tr>
                    <td  id="tdformDangNhap" width="20%" height="40">
                        Họ và tên
                    </td>
                    <td id="tdformDangNhap" >
                        <label for="hoVaTen">
                        </label>
                        <span id="sprytextfield4">
                            <input type="text" name="hoVaTen" class="tbDangNhap" 
                                   <%
                                       if (request.getParameter("hoVaTen") != null) {
                                           String hoVaTen = request.getParameter("hoVaTen");
                                   %>
                                   value="<%=hoVaTen%>"
                                   <%}%>
                                   />
                            <span class="textfieldRequiredMsg">Nhập họ tên</span></span>
                    </td>
                </tr>
                <tr>
                </tr>
                <tr>
                    <td id="tdformDangNhap"  width="20%" height="40">
                        Số điện thoại
                    </td>
                    <td id="tdformDangNhap" >
                        <label for="soDienThoai">
                        </label>
                        <span id="sprytextfield3">
                            <input type="text" name="soDienThoai" class="tbDangNhap" 
                                   <%
                                       if (request.getParameter("soDienThoai") != null) {
                                           String soDienThoai = request.getParameter("soDienThoai");
                                   %>
                                   value="<%=soDienThoai%>"
                                   <%}%>
                                   />
                            <span class="textfieldRequiredMsg">Nhập số điện thoại</span><span class="textfieldInvalidFormatMsg">Số
                                điện thoại không đúng</span></span>
                    </td>
                </tr>
                <tr>
                </tr>
                <tr>
                    <td id="tdformDangNhap"  width="20%" height="40">
                        Địa chỉ liên lạc
                    </td>
                    <td id="tdformDangNhap" >
                        <label for="diaChi">
                        </label>
                        <span id="sprytextfield5">
                            <input type="text" name="diaChi" class="tbDangNhap" 
                                   <%
                                       if (request.getParameter("diaChi") != null) {
                                           String diaChi = request.getParameter("diaChi");
                                   %>
                                   value="<%=diaChi%>"
                                   <%}%>
                                   />
                            <span class="textfieldRequiredMsg">Nhập địa chỉ.</span></span>
                    </td>
                </tr>
                <tr>
                </tr>
                <tr>
                    <td id="tdformDangNhap"  width="20%" height="40">
                        Tỉnh/Thành phố
                    </td>
                    <td id="tdformDangNhap" >
                        <label for="tinhThanhPho">
                        </label>

                        <select name="tinhThanhPho" class="cbTinhThanhPho">
                            <%
                                int tinhThanhPho = 0;
                                String[] dsttp = {"Hà Nội", "Vĩnh Long", "Sóc Trăng", "Cà Mau", "Cần Thơ", "Tp Hồ Chí Minh", "Tiền Giang", "Đồng Nai", "Đà Nẵng", "Bạc Liêu"};
                                if (request.getParameter("tinhThanhPho") != null) {
                                    tinhThanhPho = Integer.parseInt(request.getParameter("tinhThanhPho"));
                                }
                                for (int i = 0; i < dsttp.length; i++) {
                            %>

                            <option 
                                <%
                                    if (tinhThanhPho == i) {
                                %>
                                selected="selected" 
                                <%}%>
                                value="<%=i%>"><%=dsttp[i]%></option>
                            <%}%>


                        </select>
                    </td>
                </tr>
                <tr>
                </tr>
                <tr>
                    <td id="tdformDangNhap"  width="20%" height="40">
                        Mã xác nhận
                    </td>
                    <td id="tdformDangNhap" >
                        <input name="input" type="image" src="images/Capcha.jpg" style="background-color: #E0E0E0;
                               border-color: #D7D7D7; border-width: 1px; border-style: solid; height: 30px;
                               width: 100px;" />
                        <input type="image" name="refresh-capcha" id="refresh-capcha" src="images/rf-capcha.gif"
                               style="height: 24px; width: 24px; border-width: 0px; padding-bottom: 2px;" />
                    </td>
                </tr>
                <tr>
                    <td id="tdformDangNhap"  colspan="2" height="60">
                        <input  class="dangkyformDangNhap" type="submit" value />
                    </td>
                </tr>
            </table>
        </form>
        <script type="text/javascript">
            var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1", "email");
            var sprytextfield2 = new Spry.Widget.ValidationTextField("sprytextfield2");
            var sprypassword1 = new Spry.Widget.ValidationPassword("sprypassword1");
            var sprypassword2 = new Spry.Widget.ValidationPassword("sprypassword2");
            var sprytextfield3 = new Spry.Widget.ValidationTextField("sprytextfield3", "integer");
            var sprytextfield4 = new Spry.Widget.ValidationTextField("sprytextfield4");
            var sprytextfield5 = new Spry.Widget.ValidationTextField("sprytextfield5");
            var spryconfirm1 = new Spry.Widget.ValidationConfirm("spryconfirm1", "tbxMatKhau");
        </script>
        <!-- InstanceEndEditable -->

    </body>
</html>
